<template>
  <div class="basicsettings-wrap">
    <el-tabs v-model="activeName">
      <el-tab-pane label="基础设置" name="first">
        <el-form ref="form" :model="form" style="width: 40%" label-width="90px" size="mini">
          <el-form-item label="商城模式">
            <el-switch v-model="value" active-color="#13ce66"></el-switch>
          </el-form-item>
          <el-form-item label="商城类型">
            <el-switch v-model="value" active-color="#13ce66"></el-switch>
          </el-form-item>
          <el-form-item label="商城入口">
            <el-checkbox-group v-model="checkboxGroup1">
              <el-checkbox-button v-for="city in cityOptions" :label="city" :key="city">{{city}}</el-checkbox-button>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="商城标题" >
            <el-input v-model="form.name"></el-input>
          </el-form-item>
          <el-form-item label="商城关键词" >
            <el-input v-model="form.name"></el-input>
          </el-form-item>
          <el-form-item label="商城说明">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="onSubmit">保存</el-button>
          </el-form-item>
        </el-form>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  name: "Basicsettings",
  data() {
    return {
      activeName: "first",
      form: {
        
      },
      checkboxGroup1:['小程序', '公众号', 'wap'],
      cityOptions:['小程序', '公众号', 'wap']
    };
  },
  methods: {
    onSubmit() {},
    refresh() {}
  }
};
</script>
<style scoped>

.iamges-left-wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
</style>
